<!-- 活动/产品轮播 -->
<div id="productsCarousel" class="carousel slide products-carousel custom-carousel" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="row">
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event1/400/300" alt="摄影大赛" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">社区摄影大赛</h3>
                            <p class="product-desc">分享你眼中的美好瞬间，赢取专业摄影器材</p>
                            <div class="product-meta">
                                <span class="product-date">5月15日截止</span>
                                <button class="btn btn-primary btn-sm">了解详情</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event2/400/300" alt="线上讲座" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">创业经验分享会</h3>
                            <p class="product-desc">成功创业者分享经验，解答你的创业疑惑</p>
                            <div class="product-meta">
                                <span class="product-date">5月20日 19:00</span>
                                <button class="btn btn-primary btn-sm">预约参加</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event3/400/300" alt="线下聚会" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">城市线下交流会</h3>
                            <p class="product-desc">同城用户面对面交流，拓展你的社交圈</p>
                            <div class="product-meta">
                                <span class="product-date">6月5日 14:00</span>
                                <button class="btn btn-primary btn-sm">报名参加</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event4/400/300" alt="会员福利" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">会员专属福利</h3>
                            <p class="product-desc">月度会员专享礼包，限量领取</p>
                            <div class="product-meta">
                                <span class="product-date">5月31日截止</span>
                                <button class="btn btn-primary btn-sm">立即领取</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="carousel-item">
            <div class="row">
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event5/400/300" alt="公益活动" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">社区公益日</h3>
                            <p class="product-desc">一起参与环保公益活动，传递正能量</p>
                            <div class="product-meta">
                                <span class="product-date">6月10日 9:00</span>
                                <button class="btn btn-primary btn-sm">报名参加</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event6/400/300" alt="线上课程" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">设计入门课程</h3>
                            <p class="product-desc">零基础学习UI设计，适合新手入门</p>
                            <div class="product-meta">
                                <span class="product-date">6月1日开课</span>
                                <button class="btn btn-primary btn-sm">立即报名</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event7/400/300" alt="新品发布" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">平台新功能体验</h3>
                            <p class="product-desc">抢先体验新功能，反馈送会员</p>
                            <div class="product-meta">
                                <span class="product-date">长期有效</span>
                                <button class="btn btn-primary btn-sm">申请体验</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-4 col-md-3">
                    <div class="product-card">
                        <img src="https://picsum.photos/seed/event8/400/300" alt="主题活动" class="product-image">
                        <div class="product-info">
                            <h3 class="product-title">夏日主题摄影</h3>
                            <p class="product-desc">以夏日为主题的摄影比赛，赢取奖品</p>
                            <div class="product-meta">
                                <span class="product-date">6月30日截止</span>
                                <button class="btn btn-primary btn-sm">了解详情</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 控制按钮 -->
    <button class="carousel-control-prev" type="button" data-bs-target="#productsCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#productsCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>

